.river-panel {
  padding-top: 12px;
  height: 100%;
  background: #F9FAF4;
  box-shadow:0px 0px 54px 0px rgba(86,93,109,0.2);
  overflow-y: hidden;

  &:hover {
    overflow-y: auto;
  }

  .title {
    font-size: 15px;
    font-family: Microsoft YaHei;
    color: #0F8DF8;
    padding-left: 20px;
    display: flex;
    align-items: center;

    span:nth-child(1) {
      width: 8px;
      height: 8px;
      background: #0299E2;
      border-radius: 50%;
      margin-right: 10px;
    }
  }

  .block-wrap {
    .block {
      position: relative;
      color: #ffffff;
      display: inline-block;
      width: 180px;
      height: 91px;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      border-radius: 4px;

      .num {
        position: absolute;
        top: 15px;
        left: 20px;
        font-size: 20px;
      }

      .dw {
        position: absolute;
        bottom: 25px;
        left: 20px;
        font-size: 14px;
      }
    }

    .block:nth-child(1) {
      margin-left: 10px;
      margin-right: 5px;
      background-image: url("../../../../assets/images/display/ira-bg1.png");
    }

    .block:nth-child(2) {
      background-image: url("../../../../assets/images/display/ira-bg2.png");
    }

    .block:nth-child(3) {
      margin-left: 10px;
      margin-right: 5px;
      background-image: url("../../../../assets/images/display/ira-bg3.png");
    }

    .block:nth-child(4) {
      background-image: url("../../../../assets/images/display/ira-bg4.png");
    }

  }

  .charts {
    width: calc(100% - 40px);
    margin: 15px auto;
  }
}
